/**
 * 全部变量参考：node_modules/element-ui/packages/theme-chalk/src/common/var;
 */


/* Color
-------------------------- */
$--color-primary: #486cff;
$--color-success: #2CA718;
$--color-warning: #F5AA14;
$--color-danger: #E15863;

$--color-text-primary: #1f1f1f;
$--color-text-regular: #1f1f1f;
$--color-text-placeholder: #a3a3a3;

$--border-color-base: #e0e0e0;
$--border-color-light: #e0e0e0;
$--border-color-lighter: #e0e0e0;
$--border-color-extra-light: #e0e0e0;

/* Border
-------------------------- */
$--border-radius-base: 2px;

/* Table
-------------------------- */
$--table-header-font-color: #606266;
$--table-header-background-color: #F5F5F5;

/* Tag
-------------------------- */
$--tag-font-size: 14px;

/* Tab
-------------------------- */
$--tab-border-line: 1px solid #eaeaea;

/* Badge
-------------------------- */
$--badge-background-color: $--color-primary;
$--badge-radius: 4px;


@import "~element-ui/packages/theme-chalk/src/common/var.scss";


// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  theme: $--color-primary;
}
